* {
  background-color: transparent;
}
.row {
  margin-top: 6px;

}
.title {
  text-align: center;
}
.status-icon, .status-name, .status-value {
  border: none;
}
.status-icon {
  height: 2em;
  margin-right: -15px;
  border-top-left-radius: 10%;
  border-bottom-left-radius: 10%;
}
.status-name {
  height: 2em;
  margin-left: -15px;
  margin-right: -15px;
  line-height: 2em;
  background-color: darkgrey;
  color: black;
  text-align: center;
}
.status-value {
  height: 2em;
  line-height: 2em;
  margin-left: -15px;
  margin-right: 5px;
  background-color: yellow;
  color: black;
  text-align: center;
  border-top-right-radius: 10%;
  border-bottom-right-radius: 10%;
}

.status-normal {
  background-color: green;
}
.status-restrict-by-self {
  background-color: deepskyblue;
}
.status-restrict-by-dispatch {
  background-color: yellow;
}
.status-standby {
  background-color: darkblue;
}
.status-stop-by-dispatch {
  background-color: hotpink;
}
.status-stop-by-maintenance {
  background-color: purple;
}
.status-stop-by-failure {
  background-color: red;
}
.status-disconnected {
  background-color: black;
}
